<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
</head>
<body>

    <div id="login">
        <h1>登录</h1>
        <form>
            <label for="username">用户名:</label>
            <input type="text" id="username" v-model="username">
            <br>
            <label for="password">密码:</label>
            <input type="password" id="password" v-model="password">
            <br>
            <button type="button" @click="login">登录</button>
        </form>

    
    </div>
  
        <ul class="nav">
            <li><a href="./app.html">首页</a></li>
            <li><a href="./shop.html">商品</a></li>
            <li><a href="./VIP.html">VIP</a></li>
            <li><a href="./Login.html">登录</a></li>
        </ul>
        
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
     